/**
* @file goods-list.scss
* @synopsis  商城列表页
* @version 1.0.0
*/

@import "common/common";

@mixin text-overflow{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html, body{
	background-color: #fff;
}

.mod-search{
	width: rem(710);
	height: rem(68);
	border-radius: 50px;
	background-color: #f4f4f4;
	margin: rem(20) auto;
	position: relative;
	.search-form{
		height: 100%;
	}
	.search-ipt{
		width: 100%;
		height: 100%;
		background: none;
		border: none;
		text-align: center;
	}
	.item-ipt{
		padding: 0 rem(40);
		height: 100%;
	}
	.ico-search{
		position: absolute;
		top: rem(20);
		left: rem(200);
		width: rem(28);
		height: rem(28);
	}
}

.mod-nothing{
	padding-top: rem(30);
	text-align: center;
	p{
		font-size: rem(36);
	}
}

.mod-curriculum{
	background-color: #f4f4f4;
	padding: rem(40) rem(20);
	.crlm-title{
		width: 100%;
		height: 0;
		margin-bottom: rem(38);
		border-top: 1px solid #e0e0e0;
		text-align: center;
		span{
			display: inline-block;
			height: rem(38);
			padding: 0 rem(10);
			background-color: #f4f4f4;
			top: rem(-24);
			position: relative;
			font-size: rem(26);
			color: #999;
		}
	}
	.crlm-item{
		min-height: rem(374);
		background-color: #fff;
		margin-bottom: rem(20);
		em{
			color: #e29323;
			font-style: normal;
		}
		img{
			width: 100%;
			height: rem(260);
		}
		.class-time{
			color: #999;
			font-size: rem(28);
			text-align: left;
		}
		.crlm-bd{
			padding: 0 rem(20);
			line-height: rem(40);
			.crlm-name{
				font-size: rem(30);
				color: #333;
				font-weight: 400;
			}
			.crlm-price{
				font-size: rem(30);
				color: #e29323;
			}
		}
		.crlm-num{
			font-size: rem(28);
			color: #666;
			border-left: 1px solid #f3f4f6;
			text-align: center;
		}
	}
}
